<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
    需配合form表单区域 action是发送数据的地址
    <button type=""></button>
    type 属性
    submit      提交按钮，点击后可以移交数据到后台（默认功能）
    reset       重置按钮，点击后将表单控件恢复默认值
    button      普通按钮，默认没有功能，一般配合JS使用
    -->
    <form action="">
        用户名：<input type="text"> <br> <br>
        密码：  <input type="password"> <br> <br>
        <button type="reset">重置</button>
        <button type="submit">提交 </button>
        <button type="button">普通按钮</button>
    </form>
</body>
</html>